<div id="gwat160_detail" class="app gwat160">
<div class="main-content" style="margin-top: 1px;">
    <div class="history-list">
        <div class="artice">
            <p>拜访客户: {{form.GWAKL004}}</p>
            <p>商机主题: {{form.GWBGL003}}</p>
            <p>最新商机阶段: {{form.GWAVL003}}</p>
            <p>负责业务人员: {{form.GWBH002}}</p>
            <p>业务部门: {{form.GWBHORIG}}</p>
            <p>最新成交几率: {{form.GWBH031}}</p>
        </div>
        <ul class="history" style="margin-left: 2%;margin-top: 1%;">
                <li v-for="item in dto">
                    <span>{{item.GWBH003}}</span>
                    <div class="history-ri" style="flex: 83% 0 0">
                        <p><strong>商机阶段</strong>: {{item.GWAVL003}}</p>
                        <p><strong>成交几率</strong>: {{item.GWBH031}}</p>
                        <p><strong>拜访人</strong>: {{item.GWBH006}}</p>
                        <div style="overflow: hidden;">
                            <strong style="flex: 0 0 85px">拜访内容 :</strong>
                            <a class="more" style="margin-left: 15px">详情</a>
                            <div class="context-info textMore" style="height: 23px;overflow: hidden;">
                                <p v-for="awe in item.GWBF">{{awe}}</p>
                            </div>
                        </div>
                        <p><strong>关键评估项</strong>: {{item.GWBL}}</p>
                        <p><strong>竞争对手</strong>: {{item.GWBJ}}</p>
                    </div>

                </li>
        </ul>
    </div>
    <div class="" style="margin-bottom: 30px;margin-left: 1%;margin-right: 1%;">
        <el-row>
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <div class="pos-re">
                    <div class="pos-ab">
                        <el-button id="zuixin" type="success" icon="el-icon-refresh" size="small"
                                   @click="queryGwbk('1')">最新
                        </el-button>
                        <el-button type="danger" icon="el-icon-time" size="small"
                                   @click="queryGwbk('2')">历史
                        </el-button>
                    </div>
                    <div class="table-responsive">
                        <table id="gwat160_detail_table1"
                               class="layui-table"
                               lay-size="sm"
                               lay-filter="gwat160_detail_table2">
                        </table>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
    <div style="margin-bottom: 10px;margin-left: 1%;margin-right: 1%;">
        <el-row>
            <el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24">
                <div class="pos-re">
                    <div class="table-responsive">
                        <table id="gwat160_detail_table2"
                               class="layui-table"
                               lay-size="sm"
                               lay-filter="gwat160_detail_table2">
                        </table>
                    </div>
                </div>
            </el-col>
        </el-row>
    </div>
</div>
</div>
<script>
    require(["pc/crm/gwat160_detail"], $.noop);
</script>